@layout('layouts.clearly')

@section('content')
@id('user.change')

<div class="page-head">
    <h1>Thay đổi mật khẩu</h1>
</div>
<div class="container page-outer">

    <form action="{{ asset('user/change') }}" class="w420 center" id="change-form" method="post">
        @if ($errors->has())
        <div class="form-errors">
            <h4>Xảy ra lỗi, bạn vui lòng kiểm tra lại</h4>
            <ul>
                {{ $errors->first('old_password', '<li>:message</li>') }}
                {{ $errors->first('password', '<li>:message</li>') }}
                {{ $errors->first('repassword', '<li>:message</li>') }}
            </ul>
        </div>
        @endif
        <div class="control-group required">
            <label for="old_password">Mật khẩu củ</label>
            <div class="controls">
                <input type="password" name="old_password" id="old_password" class="w-full" />
            </div>
        </div>
        <div class="control-group required">
            <label for="password">Mật khẩu mới</label>
            <div class="controls">
                <input type="password" name="password" id="password" class="w-full">
            </div>
        </div>
        <div class="control-group required">
            <label for="repassword">Nhập lại mật khẩu</label>
            <div class="controls">
                <input type="password" name="repassword" id="repassword" class="w-full"/>
            </div>
        </div>

        <div class="control-group">
            <div class="controls ta-right">
                {{ Form::token() }}
                <a href="{{ asset('/') }}" class="btn">Hủy bỏ</a>
                <button class="btn btn-primary" type="submit">Đổi mật khẩu</button>
            </div>
        </div>
    </form>
</div>
@endsection